<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>2345 知识专区首页</title>
    <meta name="keywords" content=" " />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1, user-scalable=no" />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/swiper4.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="js/jq1.9.js"></script>
    <script src="js/flexible.js"></script>
    <script src="js/lazyload.js"></script>
    <script src="js/swiper4.js"></script>
</head>
<body>
    <div id="wrap">
        <div class="header_wrap">
            <div class="header_top">
                <a href="##" class="logo"><img src="images/logo.png" alt=""></a>
                <div class="flex1">
                    <div class="weather">
                        <a class="trig-icon"><i class="ico2"></i></a>
                        <div class="p">
                            <div class="bt_">上海市</div>
                            <div class="today-temp">
                                <span>多云</span>
                                <span class="wd">18～26℃</span>
                                <span class="air-level level4">差</span>
                            </div>
                        </div>
                    </div>
                </div>
                <a class="nowtime">
                    <p>10月11日 <span> 周三</span></p>
                    <p>八月初七</p>
                </a>
            </div>
            <div class="baidusearch">
                <div class="from">
                    <div class="flex1">
                        <div class="search">
                            <div class="input">
                                <input type="text" placeholder="把青春华章写在祖国大地上">
                            </div>
                        </div>
                    </div>
                    <div class="buttom">搜索</div>
                </div>
            </div>
        </div>
        <div class="common">
            <div class="Minzqswiper">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><div class="img"><img src="img/img1.jpeg" alt=""><p>《星之海》知识集（Sea of Stars）</p></div></div>
                    </div>
                </div>
            </div>
            <div class="Minbox Min12">
                <div class="title">
                    <div class="bt">《星之海》网址导航</div>
                </div>
                <div class="list clear">
                    <a href="##" class="tab"><div class="ico"><i class="icon_down ico1"></i></div>HowLongToBet</a>
                    <a href="##" class="tab"><div class="ico"><i class="icon_down ico2"></i></div>Steam</a>
                    <a href="##" class="tab"><div class="ico"><i class="icon_down ico3"></i></div>3DMGAME</a>
                    <a href="##" class="tab"><div class="ico"><i class="icon_down ico4"></i></div>微博</a>
                    <a href="##" class="tab"><div class="ico"><i class="icon_down ico5"></i></div>GamesPot</a>
                    <a href="##" class="tab"><div class="ico"><i class="icon_down ico6"></i></div>贴吧</a>
                    <a href="##" class="tab"><div class="ico"><i class="icon_down ico7"></i></div>IGN</a>
                    <!-- 区分图片格式 -->
                    <a href="##" class="tab"><div class="ico"><img src="img/5.png" alt=""></div>IGN</a>
                </div>
            </div>
            <!-- 推荐 -->
            <div class="Minbox">
                <div class="Min5">
                    <div class="title">
                        <div class="bt">推荐</div>
                    </div>
                    <div class="swiper-container swiperauto swiperwidth">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a href="##" class="box">
                                    <img class="swiper-lazy" data-src="img/lunbox1.jpg" alt="">
                                    <div class="name">手机美图秀秀怎么改变照片 大小，压缩图片内存...</div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="##" class="box">
                                    <img class="swiper-lazy" data-src="img/lunbox2.jpg" alt="">
                                    <div class="name">手机美图秀秀怎么改变照片 大小，压缩图片内存...</div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="##" class="box">
                                    <img class="swiper-lazy" data-src="img/lunbox3.jpg" alt="">
                                    <div class="name">手机美图秀秀怎么改变照片 大小，压缩图片内存...</div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="##" class="box">
                                    <img class="swiper-lazy" data-src="img/lunboxh1.jpg" alt="">
                                    <div class="name">手机美图秀秀怎么改变照片 大小，压缩图片内存...</div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 流程 -->
            <div class="Minbox Min10 switchwarp-ck">
                <div class="title bor">
                    <div class="bt switchlabe">
                        <span class="tab on">图文流程</span>
                        <span class="tab">视频流程</span>
                        <span class="tab">全流程</span>
                    </div>
                </div>
                <div class="list2 switchbox">
                    <ul class="clear switchitem addmoreli">
                        <li><a href="##">按键操作</a></li>
                        <li><a href="##">天穹学院</a></li>
                        <li><a href="##">禁忌洞穴</a></li>
                        <li><a href="##">战斗厨师</a></li>
                        <li><a href="##">天穹学院</a></li>
                        <li><a href="##">禁忌洞穴</a></li>
                        <li><a href="##">战斗厨师</a></li>
                        <li><a href="##">天穹学院</a></li>
                        <li><a href="##">禁忌洞穴</a></li>
                        <li><a href="##">战斗厨师</a></li>
                        <li><a href="##">战斗厨师</a></li>
                        <li><a href="##">战斗厨师</a></li>
                        <li><a href="##">战斗厨师</a></li>
                    </ul>
                    <ul class="clear switchitem addmoreli hide">
                        <li><a href="##">战斗厨师</a></li>
                        <li><a href="##">战斗厨师</a></li>
                        <li><a href="##">按键操作</a></li>
                        <li><a href="##">天穹学院</a></li>
                        <li><a href="##">禁忌洞穴</a></li>
                        <li><a href="##">战斗厨师</a></li>
                        <li><a href="##">天穹学院</a></li>
                        <li><a href="##">禁忌洞穴</a></li>
                        <li><a href="##">战斗厨师</a></li>
                        <li><a href="##">天穹学院</a></li>
                        <li><a href="##">禁忌洞穴</a></li>
                        <li><a href="##">战斗厨师</a></li>
                        <li><a href="##">战斗厨师</a></li>
                    </ul>
                    <ul class="clear switchitem addmoreli hide">
                        <li><a href="##">战斗厨师</a></li>
                        <li><a href="##">战斗厨师</a></li>
                        <li><a href="##">按键操作</a></li>
                        <li><a href="##">战斗厨师</a></li>
                        <li><a href="##">天穹学院</a></li>
                        <li><a href="##">禁忌洞穴</a></li>
                        <li><a href="##">战斗厨师</a></li>
                        <li><a href="##">战斗厨师</a></li>
                        <li><a href="##">天穹学院</a></li>
                        <li><a href="##">禁忌洞穴</a></li>
                        <li><a href="##">战斗厨师</a></li>
                        <li><a href="##">天穹学院</a></li>
                        <li><a href="##">禁忌洞穴</a></li>
                    </ul>
                </div>
            </div>
             <!-- 精品攻略 -->
            <div class="Minbox">
                <div class="Min5">
                    <div class="title">
                        <div class="bt">精品攻略</div>
                    </div>
                    <div class="swiper-container swiperauto swiperwidth">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a href="##" class="box">
                                    <img class="swiper-lazy" data-src="img/lunbox1.jpg" alt="">
                                    <div class="name">手机美图秀秀怎么改变照片 大小，压缩图片内存...</div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="##" class="box">
                                    <img class="swiper-lazy" data-src="img/lunbox2.jpg" alt="">
                                    <div class="name">手机美图秀秀怎么改变照片 大小，压缩图片内存...</div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="##" class="box">
                                    <img class="swiper-lazy" data-src="img/lunbox3.jpg" alt="">
                                    <div class="name">手机美图秀秀怎么改变照片 大小，压缩图片内存...</div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="##" class="box">
                                    <img class="swiper-lazy" data-src="img/lunboxh1.jpg" alt="">
                                    <div class="name">手机美图秀秀怎么改变照片 大小，压缩图片内存...</div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 热门标签 -->
            <div class="Minbox Min7">
                <div class="title">
                    <div class="bt">热门标签</div>
                </div>
                <div class="list clear">
                    <a href="##" class="btn">大乱斗</a>
                    <a href="##" class="btn">频推荐堕天使技能</a>
                    <a href="##" class="btn">最佳拍档</a>
                    <a href="##" class="btn">尼拉最佳拍档</a>
                    <a href="##" class="btn">《英雄联盟》莉利莉利莉利莉利 </a>
                    <a href="##" class="btn">《英雄联盟》莉利莉利莉利莉利</a>
                    <a href="##" class="btn">《英雄联盟》莉利莉利莉利莉利</a>
               </div>
            </div>
            <!-- 图鉴 -->
            <div class="Minbox switchwarp-ck">
                <div class="title bor">
                    <div class="bt switchlabe">
                        <span class="tab on">武器图鉴</span>
                        <span class="tab">BOSS图鉴</span>
                    </div>
                </div>
                <div class="switchbox ">
                    <div class="switchitem switchwarp-ck2">
                        <div class="swiper-container swiperauto switch_h1">
                            <div class="swiper-wrapper switchlabe2">
                                <div class="swiper-slide tab on"><a>怪物</a></div>
                                <div class="swiper-slide tab"><a>人类</a></div>
                            </div>
                        </div>
                        <div class="switchbox2">
                            <div class="switchitem2 Min1">
                                <div class="swipergrid swiper-container theme">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu1.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu3.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu4.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu1.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu3.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu4.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu1.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu3.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu4.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                    </div>
                                    <div class="swiperpagination"></div>
                                </div>
                            </div>
                            <div class="switchitem2 Min1 hide">
                                <div class="swipergrid swiper-container theme">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu3.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu1.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu3.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu1.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu3.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu1.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu3.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu1.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu3.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu1.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/tu2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                    </div>
                                    <div class="swiperpagination"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="switchitem switchwarp-ck2 hide">
                        <div class="swiper-container swiperauto switch_h1">
                            <div class="swiper-wrapper switchlabe2">
                                <div class="swiper-slide tab on"><a>怪物2</a></div>
                                <div class="swiper-slide tab"><a>人类2</a></div>
                            </div>
                        </div>
                        <div class="switchbox2">
                            <div class="switchitem2 Min1">
                                <div class="swipergrid swiper-container theme">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img2.jpg" alt=""></div><p>图鉴名称</p></a></div>
                                    </div>
                                    <div class="swiperpagination"></div>
                                </div>
                            </div>
                            <div class="switchitem2 Min1 hide">
                                <div class="swipergrid swiper-container theme">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img1.jpeg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img1.jpeg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img1.jpeg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img1.jpeg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img1.jpeg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img1.jpeg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img1.jpeg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img1.jpeg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img1.jpeg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img1.jpeg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img1.jpeg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img1.jpeg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img1.jpeg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img1.jpeg" alt=""></div><p>图鉴名称</p></a></div>
                                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><img src="img/img1.jpeg" alt=""></div><p>图鉴名称</p></a></div>
                                    </div>
                                    <div class="swiperpagination"></div>
                                </div>
                            </div>
                        </div>
                       
                    </div>
                </div>
            </div>
            <!-- 新手攻略 -->
            <div class="Minbox Min12">
                <div class="title">
                    <div class="bt">新手攻略</div>
                </div>
                <div class="list2">
                    <ul>
                        <li>
                            <a href="##" class="name">
                                <div class="img"><img class="lazy" data-original="img/img1.jpeg" alt=""></div>
                                <p>手机美图秀秀怎么改变照手机美图秀秀怎么改变照</p>
                            </a>
                            <div class="infor">
                                <div class="lis clear">
                                    <a href="##" class="btn">禁忌洞穴者</a>
                                    <a href="##" class="btn">战斗厨师</a>
                                    <a href="##" class="btn">禁忌洞穴者</a>
                                    <a href="##" class="btn">战斗厨师</a>
                                    <a href="##" class="btn">禁忌洞穴者</a>
                                </div>
                            </div>

                        </li>
                        <li>
                            <a href="##" class="name">
                                <div class="img"><img class="lazy" data-original="img/lunbox1.jpg" alt=""></div>
                                <p>发售时间及游戏介绍</p>
                            </a>
                            <div class="infor">
                                <div class="lis clear">
                                    <a href="##" class="btn">禁忌洞穴者</a>
                                    <a href="##" class="btn">战斗厨师</a>
                                    <a href="##" class="btn">禁忌洞穴者</a>
                                    <a href="##" class="btn">战斗厨师</a>
                                    <a href="##" class="btn">禁忌洞穴者</a>
                                </div>
                            </div>

                        </li>
                    </ul>
                </div>
            </div>

            <!-- 最新  热门-->
            <div class="Minbox Min2 switchwarp-ck">
                <div class="title bor">
                    <div class="bt switchlabe">
                        <span class="tab on">最新</span>
                        <span class="tab">热门</span>
                    </div>
                </div>
                <div class="switchbox">
                    <div class="list theme switchitem">
                        <ul>
                            <li><a href="##">霓虹入侵者10月12日更新内容介绍</a> <span>10-20 09:42</span></li>
                            <li><a href="##">发售时间及游戏特色介绍</a> <span>10-20 09:42</span></li>
                            <li><a href="##">传奇生物2什么时候上线？</a> <span>10-20 09:42</span></li>
                            <li><a href="##">CS2拆包键设置方法</a> <span>10-20 09:42</span></li>
                            <li><a href="##">霓虹入侵者10月12日更新内容介绍</a> <span>10-20 09:42</span></li>
                            <li><a href="##">霓虹入侵者10月12日更新内容介绍</a> <span>10-20 09:42</span></li>
                            <li><a href="##">CS2拆包键设置方法</a> <span>10-20 09:42</span></li>
                            <li><a href="##">前方揭秘！白羊座老公属性大分析</a> <span>10-20 09:42</span></li>
                            <li><a href="##">传奇生物2什么时候上线？</a> <span>10-20 09:42</span></li>
                        </ul>
                        <a class="link_more">查看更多</a>
                    </div>
                    <div class="list theme switchitem hide">
                        <ul>
                            <li><a href="##">前方揭秘！白羊座老公属性大分析</a> <span>10-20 09:42</span></li>
                            <li><a href="##">传奇生物2什么时候上线？</a> <span>10-20 09:42</span></li>
                            <li><a href="##">霓虹入侵者10月12日更新内容介绍</a> <span>10-20 09:42</span></li>
                            <li><a href="##">发售时间及游戏特色介绍</a> <span>10-20 09:42</span></li>
                            <li><a href="##">传奇生物2什么时候上线？</a> <span>10-20 09:42</span></li>
                            <li><a href="##">CS2拆包键设置方法</a> <span>10-20 09:42</span></li>
                            <li><a href="##">霓虹入侵者10月12日更新内容介绍</a> <span>10-20 09:42</span></li>
                            <li><a href="##">霓虹入侵者10月12日更新内容介绍</a> <span>10-20 09:42</span></li>
                            <li><a href="##">CS2拆包键设置方法</a> <span>10-20 09:42</span></li>
                        </ul>
                        <a class="link_more">查看更多</a>
                    </div>
                </div>
              
            </div>
        </div>
        <div class="tabber">
            <ul>
                <li><a href="##"><i class="ico ico1"></i>主页</a></li>
                <li><a href="##"><i class="ico ico2"></i>资讯</a></li>
                <li><a href="##"><i class="ico ico3"></i>资源</a></li>
                <li><a href="##"><i class="ico ico4"></i>影视</a></li>
                <li class="on"><a href="##"><i class="ico ico5"></i>知识</a></li>
            </ul>
        </div>
    </div>
</body>
<script src="js/base.js"></script>
</html>